.search{
    margin: 30rpx auto;
    width: 90%;
    height: 70rpx;
    background-color: #F5F5F5;
    border-radius: 35rpx;
    color: #666;
    line-height: 70rpx;
    font-size: 26rpx;
    text-align: center;
    .iconfont{
        padding-right: 10rpx;
        color: #DB4723;
    }
}
.carousel{
    height: 400rpx;
    swiper-item{
        background-color: #ccc;
    }
}
.category{
    display: flex;
    height: 135rpx;
    padding: 60rpx 0;
    .category-item{
        flex: none;
        padding-right: 68rpx;
        width: 96rpx;
        height: 135rpx;
        text-align: center;
        img{
            width: 90rpx;
            height: 90rpx;
        }
        p:last-child{
            color: #333;
            line-height: 34rpx;
            font-size: 24rpx;
        }
    }
    .category-item:first-child{
        padding-left: 50rpx;
    }
    .category-item:last-child{
        padding-right: 50rpx;
    }
}
.banner{
    margin: 0 24rpx;
    height: 140rpx;
    background-color: #DEDEDE;
    border-radius: 70rpx;
}
.broadcast{
    padding: 66rpx 24rpx;
    .broadcast-icon{
        padding-top: 40rpx;
        height: 374rpx;
        img{
            width: 100%;
            height: 100%;
            border-radius: 15rpx;
        }
    }
    .broadcast-title{
        overflow: hidden;
        padding-top: 20rpx;
        white-space: nowrap;
        color: #333;
        font-size: 33rpx;
        text-overflow: ellipsis;
    }
    .broadcast-control{
        padding-top: 10rpx;
        font-size: 24rpx;
        color: #999999;
        .left{
            float: left;
            .iconfont{
                padding-right: 10rpx;
                color: #FFAA00;
                font-size: 34rpx;
            }
        }
        .right{
            float: right;
        }
    }
}
.delimiter{
    height: 20rpx;
    background-color: #F5F5F5;
}
.radio-station{
    padding: 27rpx 24rpx 58rpx;
    .item-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        .item-content{
            padding-top: 38rpx;
            width: 340rpx;
            img{
                width: 100%;
                height: 240rpx;
            }
            h5{
                padding-top: 20rpx;
                color: #333333;
                font-size: 30rpx;
            }
        }
    }
}
.reading{
    padding: 27rpx 24rpx 60rpx;
    .container{
        .item{
            display: flex;
            padding-top: 40rpx;
            .item-icon{
                width: 300rpx;
                padding-right: 20rpx;
                img{
                    width: 100%;
                    height: 212rpx;
                }
            }
            .item-content{
                width: 380rpx;
                h5{
                    padding-top: 20rpx;
                    color: #333;
                    font-size: 30rpx;
                }
                p{
                    padding-top: 60rpx;
                    color: #999;
                    font-size: 24rpx;
                    .left{
                        float: left;
                        .iconfont{
                            padding-right: 10rpx;
                            color: #FFAA00;
                            font-size: 36rpx;
                        }
                    }
                    .right{
                        float: right;
                    }
                }
            }
        }
    }
}
